<template>
  <div>
    <h2 class="title">{{ message }}</h2>
    <button @click="btnClick">按钮</button>
    <h2>{{ name }}</h2>
    <Cpn /> <!-- // 在App组件中使用Cpn组件 -->
  </div>
</template>

<script>
import Cpn from "./Cpn"; // 在App组件中导入Cpn组件

export default {
  name: "App",
  components: {
    Cpn, // 在App组件中注册Cpn组件
  },
  data() {
    return {
      message: "Hello Webpack!",
      name: "cgs",
    };
  },
  methods: {
    btnClick() {},
  },
};
</script>

<style scoped>
.title {
  color: green;
}
</style>
